<!DOCTYPE html>
<html lang="zh-CN">
    <head> 
         <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
   <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
   <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
        <style type="text/css">
            .container{border-style:solid;border-width:thin;border-color: #999;padding-left:25px;padding-right: 25px;padding-top:10px;padding-bottom: 10px;}
            .row div{padding:0;}
            .row div div{border-style:solid;border-width:thin;border-color: #999;background-color: #eee;height: 50px;margin:10px;}
        </style>
           
    </head>
    <body>
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-6"><div>span4</div>
                </div>
                <div class="col-lg-4 col-md-6"><div>span4</div>
                </div>
                <div class="col-lg-4 col-md-12"><div>span4</div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-3 col-md-3"><div>span4</div>
                </div>
                <div class="col-lg-6 col-md-6"><div>span4</div>
                </div>
                <div class="col-lg-3 col-md-3"><div>span4</div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-1 col-md-2"><div>span4</div>
                </div>
                <div class="col-lg-1 col-md-2"><div>span4</div>
                </div>
                <div class="col-lg-2 col-md-8"><div>span4</div>
                </div>
                 <div class="col-lg-2 col-md-3"><div>span4</div>
                </div>
                <div class="col-lg-6 col-md-3"><div>span4</div>
            </div>
        </div>
    </body>
</html>